<template>
	<div class="new-friends">
		<router-link to="#" tag="div" class="friend-content">
			<div class="left-content">新朋友</div>
			<div class="right-content">
				<span class="iconfont jiahao">&#xe600;</span>
			</div>
		</router-link>
		<div class="line"></div>
	</div>
</template>

<style type="text/css" lang="stylus" scoped>
	.new-friends
		height:1.4rem
		background:#fff
		.friend-content
			height:1.2rem
			line-height: 1.2rem
			.left-content
				float:left
				font-size: 16px
				color: #000;
				margin-left: .35rem
				
			.right-content
				float:right
				margin-right: .35rem
				span
					font-size:12px
		.line
			background:#f5f6fa
			height:.2rem
</style>